<template>
  <div id="cesiumContainer"></div>
</template>

<script>
import "cesium/Build/Cesium/Widgets/widgets.css";
import * as Cesium from "cesium";
Cesium.Ion.defaultAccessToken =
  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2NjZhNDhlMC03MzAzLTRhNDctODE1Ni1hODBhNmQ2OGVmYWEiLCJpZCI6NDQ1MjIsImlhdCI6MTYxNDEzNTQwOH0.caKOAbyp09ksGKn-fRKl29ZgxCzzCabj68IYbTJZRy8";

var viewer;
export default {
  name: "Map",
  mounted() {
    this.init();
  },
  methods: {
    init() {
      viewer   = new Cesium.Viewer('cesiumContainer', {
        scene3DOnly: true,
        selectionIndicator: false,
        baseLayerPicker: false
      });
    },
  },
};
</script>

<style lang="scss" scoped>
#cesiumContainer {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/deep/.cesium-viewer-bottom {
  display: none;
}
</style>